<template lang='pug'>
.mi-feng 
    .mi-feng-top
        h3  米粉点评团
        span.iconfont.icon-iconfontzhizuobiaozhun19
    .wrap
        ul(v-if="miList.length")
            li(v-for="d in miList" :key="d.mid")
                img(:src="d.cover")
                p {{d.name}}
                .bottom
                    .left 
                        img(:src="d.shpingcover")
                        span 4444
                    .right
                        time.iconfont.icon-yanjing
                        span 2.9万

</template>
 
<script>
export default {
  name: "vueName",
  data() {
    return {
      miList: []
    };
  },
  created(){
      this.$http.get('http://192.168.43.168:8082/user/getmifen').then(({data})=>{
            this.miList = data
            console.log(data)
      })
  }
};
</script>
 
<style scoped lang="sass">
.mi-feng 
    width: 100%
    padding: .2rem
    background: #fff
    .mi-feng-top
        display: flex
        justify-content: space-between
        align-items: center
        span 
            font-size: .12rem
            color: #ccc
    .wrap
        width: 100%
        position: relative
        height: 2.5rem
        background: #fff
        overflow: hidden
        overflow-x: scroll
        ul
            position: absolute
            top: 0
            left: 0
            display: flex
            height: 100%
            margin-top: .1rem
            li
                width: 1.47rem
                height: 90%
                margin: 0 .03rem 
                // background: red
                border-radius: .1rem
                border: 1px solid #ccc
                text-align: center
                img
                    display: block
                    width: 100%
                    height: 65%
                    border-radius: .1rem .1rem 0 0 
                p 
                    width: 100%
                    overflow: hidden
                    white-space: nowrap
                    text-overflow: ellipsis
                    text-align: center
                    font-size: .14rem
                    padding: 0 .05rem
                    margin-top: .1rem
                .bottom
                    display: flex
                    margin-top: .2rem
                    justify-content: space-between
                    align-items: center
                    font-size: .12rem
                    color: #ccc
                    .left
                        display: flex
                        align-items: center
                        img
                            width: .18rem
                            height: .18rem
                            border-radius: 50%
                            margin: 0 .05rem


</style>